<template>
	<view class="page">
		<view class="head">
			<image class="img" src="../../static/zhuanfen-head.png" mode=""></image>
		</view>
		<view class="row">
			<view class="title">
				考试类型
			</view>
			<view class="select">
				<picker @change="bindPickerChange" :value="index" :range="array">
					<view class="uni-input" v-if="index == -1">请选择考试阶段</view>
					<view class="uni-input" v-else>{{array[index]}}</view>
					<view class="iconfont iconxxjtfull"></view>
				</picker>
			</view>
		</view>
		<view class="row">
			<view class="title">
				高考分数
			</view>
			<view class="select">
				<picker @change="bindPickerChange" :value="index" :range="array">
					<view class="uni-input" v-if="index == -1">请选择考试类型</view>
					<view class="uni-input" v-else>{{array[index]}}</view>
					<view class="iconfont iconxxjtfull"></view>
				</picker>
			</view>
		</view>
		<view class="btn">
			查询
		</view>
		<view class="tip">
			<view class="h2">
				考生分数对应在历年录取数据中的风险分析报告
			</view>
			<view class="h1">
				考生分数对应在历年录取数据中的风险分析报告
			</view>
			<view class="p">
				考生分数对应在历年录取数据中的风险分析报告
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				index: -1,
				array: ['2020-01-01', '2020-01-02', '2020-01-03', '2020-01-04'],
			}
		},
		methods: {
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.index = e.target.value
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import  'zhuanfen.scss';
	@import '../../common/icon/iconfont.css';
</style>
